Group

Interfaces

GroupProps

Properties

FeedObjectProps?

optional FeedObjectProps: FeedObjectProps

Props to spread to single feed object

Default

empty object

Source

Group/Group.tsx:58

FeedSidebarProps?

optional FeedSidebarProps: StickyBoxProps

Props to spread to single feed object

Default

{top: 0, bottomBoundary: `#${id}`}

Source

Group/Group.tsx:64

GroupFeedProps?

optional GroupFeedProps: GroupFeedProps

Props to spread to GroupFeed component

Default

{}

Source

Group/Group.tsx:70

className?

optional className: string

Overrides or extends the styles applied to the component.

Default

null

Source

Group/Group.tsx:34

group?

optional group: SCGroupType

Group Object

Default

null

Source

Group/Group.tsx:40

groupId?

optional groupId: number

Id of the group for filter the feed

Default

null

Source

Group/Group.tsx:46

id?

optional id: string

Id of the feed object

Default

'feed'

Source

Group/Group.tsx:28

widgets?

optional widgets: SCFeedWidgetType[]

Widgets to be rendered into the feed

Default

[CategoriesFollowed, UserFollowed]

Source

Group/Group.tsx:52

Functions

Group()

Group(inProps): JSX.Element

API documentation for the Community-JS Category Template. Learn about the available props and the CSS API.

This component renders a specific group's template. Take a look at our demo component here

Import

import {Group} from '@selfcommunity/react-templates';

Component Name

The name SCGroupTemplate can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCGroupTemplate-root	Styles applied to the root element.
feed	.SCGroupTemplate-feed	Styles applied to the feed element.

Parameters

Parameter	Type	Description
inProps	GroupProps

Returns

JSX.Element

Source

Group/Group.tsx:98

---

GroupSkeleton()

GroupSkeleton(): JSX.Element

API documentation for the Community-JS Group Skeleton Template. Learn about the available props and the CSS API.

Import

import {GroupSkeletonTemplate} from '@selfcommunity/react-templates';

Component Name

The name SCGroupTemplate-skeleton-root can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCGroupTemplate-skeleton-root	Styles applied to the root element.

Returns

JSX.Element

Source

Group/Skeleton.tsx:37